/*
This Source Code Form is subject to the terms of the Mozilla Public
License, v. 2.0. If a copy of the MPL was not distributed with this
file, You can obtain one at http://mozilla.org/MPL/2.0/.

Copyright (c) 2023-present Kaleidos INC
*/

:host {
  display: block;
}

.pagination {
  display: flex;
  gap: var(--spacing-8);
}

.page-button {
  aspect-ratio: 1;
  background-color: var(--color-white);
  block-size: 32px;
  border: none;
  border-radius: 4px;
  color: var(--color-gray80);
  cursor: pointer;
  font-size: var(--font-size-medium);
  font-weight: var(--font-weight-medium);
  text-align: center;

  &:hover,
  &.active {
    background-color: var(--color-gray10);
    color: var(--color-gray90);
  }
}

.more-pages {
  align-items: center;
  aspect-ratio: 1;
  block-size: 32px;
  color: var(--color-gray90);
  display: flex;
  font-size: var(--font-size-medium);
  font-weight: var(--font-weight-medium);
  justify-content: center;
}
